@bd: 1px solid red;
body{
    background: #f0f0f0;
    margin: 0;
    padding: 0;
}

#list_box{   
    width: 100%;
    height:auto;
    overflow: hidden;
    background: #f0f0f0;
    //面包屑
    #list{
        width: 1190px;
        height: 30px;
        line-height:30px;
        margin: 0 auto;
        color:#333333;
        
        a{
            color:#333333;
        }
        
    }
   
    #list_mid{
        width: 1190px;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
        padding-bottom: 80px;
        margin-bottom: 20px;
//      border:@bd;
        border-bottom: 1px solid #e4e4e4;
         //左侧分类
        .list_mid_left{
            float:left;
            width:188px;
            overflow: hidden;
            height:auto;
            background: #f7f7f7;
//          border:@bd;
            a{
                color:#666666;
                &:hover{
                   color:#f70; 
                }
            }
            dt{
                height:34px;
                line-height: 34px;
                text-indent: 10px;
                border-bottom: 1px solid #eeeeee;
                a{
                    font-size: 14px;
                    font-weight: 700;
                    
                }
            }
            dd{
                text-indent: 10px;
                height:34px;
                line-height: 34px;
                border-bottom: 1px solid #eeeeee;
                span{
                    display:inline-block;
                    width: 11px;
                    height:11px;
                    margin-right: 5px;
                    background: url(../images/thirdBg.png) no-repeat -526px -78px;
                }
            }
            ul.list_hot{
                width:188px ;
                height: auto;
                overflow: hidden;
                background: #fff;
                margin-bottom: 10px;
                border: 1px solid #eee;
                h5{
                  height:34px;
                  line-height: 34px;
                  text-indent: 10px;
                  border-bottom: 1px dotted #eeeeee; 
                }
                li{
                   border-bottom: 1px solid #eeeeee;  
                   margin-left:6px;
                   height: 208px;
                   width:174px;
                   position:relative;
                  
                   img{
                       width:120px;
                       height: 120px;
                      
                       position:absolute;
                       top:10px;
                       left:18px;
                   }
                   a{
                       display: block;
                       position:absolute;
                       top:137px;
                       left:8px;
                       width:156px;
                       height:38px;
                       line-height: 18px;
                   }
                   p{
                       color: #D00;
                       font-size: 14px;
                       font-family: 微软雅黑;
                       position: absolute;
                       top:182px;
                       left:8px;
                   }
                }
            }
        }
        //右侧
        .list_mid_right{
            float:right;
            width:990px;
            height:auto;
           
            
            //相关搜索
            dl.about_search{
                width:990px;
                height:34px;
                line-height: 34px;
                color: #666666;
                background: #fff;
                dt{
                    float:left;
                    margin-left: 10px;
                }
                dd{
                    float:left;
                    a{
                        padding:0 8px;
                        color: #0081cc;
                        &:hover{
                            color:#f70;
                        }
                    }
                }
            }
            //相关商品
            dl.about_pro{
                width: 990px;
                height:247px;
                background: #fff;
                margin: 10px 0;
                dt{
                   width: 970px; 
                   height:34px;
                   margin-left: 10px;
                   float: left;
                   line-height: 34px;
                   border-bottom: 2px dotted #dddddd;
                   span{
                       color:#f70;
                       font-size: 14px;
                       font-weight: 700;
                   }
                }
                dd{
                    height:30px;
                    width: 910px; 
                    line-height: 34px;
                    padding-left:60px;
                    margin-left: 10px;
                    color: #999;
                    font-weight:400;
                    float: left;
                    border-bottom: 1px dotted #ddd;
                    h6{
                     float:left; 
                     margin-right: 12px;  
                    }
                    a{
                        
                        padding: 0 12px;
                        height:34px;
                        line-height: 34px;
                        float:left;
                        color: #0081cc;
                    }
                }
                dd.first{
                    height: 86px;
                    h6{
                     float:left;
                     height: 86px;
                     margin-right: 12px;  
                    }
                     a{
                        width: 132px;
                        height:28px;
                        line-heiwght: 28px;
                        float:left;
                        color: #0081cc;
                    }
                }
            }
            //筛选条件
            ul.shai{
                width: 990px;
                height: 32px;
                border:1px solid #c0c0c0;
                background: #fff;
                li{
                    float:left;
                    height: 32px;
                    list-style: none;
                    line-height: 32px;
                    a{
                        padding: 10px 13px;
                        color: #333;
                        border-right:1px solid #dddddd;
                    }
                    form{
                        width:130px;
                        height: 20px;
                        margin: 5px 14px;
                        border: 1px solid #bdbdbd;
                        input{
                            width: 60px;
                            height: 20px;
                            float:left;
                            border:0;
                            color: #ddd;
                            border-left: 1px solid #ddd;
                            border-right: 1px solid #ddd;
                        }
                        p{
                            float:left;
                            line-height: 20px;
                            
                        }
                    }
                }
                
            }
            ul.pro_list{
                    width: 990px;
                    height: auto;
                    overflow: hidden;
                    background: #fff;
                    li{
                        width: 990px;
                        height: 142px;
                        float: left;
                        border:1px solid #e5e5e5;
                        position:relative;
                        &:hover{
                            border:1px solid #ff6700;
                        }
                        img{
                            width:100px;
                            height:100px;
                            position:absolute;
                            left:20px;
                            top:20px;
                        }
                        p{
                            width: 232px;
                            height: 40px;
                            line-height: 20px;
                            position:absolute;
                            top:24px;
                            left:154px;
                            a{
                                color:#333333;
                                &:hover{
                                color:#f70;
                                }
                            }
                            
                        }
                        span.list_advice{
                            position:absolute;
                            top:73px;
                            left:154px;
                            a{
                                color:#0081cc;
                                &:hover{
                                color:#f70;
                                }
                            }
                            
                        }
                        span.list_price{
                            color:#e01818;
                            font-family: 微软雅黑;
                            font-size: 14px;
                            position:absolute;
                            top:25px;
                            left:470px;
                        }
                        span.is_shop{
                            color:#666;
                            position:absolute;
                            top:50px;
                            left:470px;
                        }
                        .show_details{
                            width:196px;
                            height:22px;
                            position: absolute;
                            top:20px;
                            left:775px;
                            a{
                                line-height: 22px;
                                float:left;
                                padding: 0 13px;
                                border:1px solid #bbbbbb;
                                background: #f8f8f8;
                                margin-left:5px;
                                &:hover{
                                    text-decoration: none;
                                    background: #fee3b8;
                                }
                            }
                        }
                        
                        
                    }
                }
        }
    }
    
}
//列表页面中部结束

//卖加精选
#jing_box{
    width:1165px;
    height:340px;
    padding-left: 25px;
    margin: 20px auto;
    background: #fff;
    
    h6{
     width:1165px;  
     height: 35px;
     line-height:36px ;
     font-size: 14px;
     font-weight: 700;
    
     border-bottom: 1px solid #e4e4e4;
    }
    li{
        list-style: none;
        float: left;
        width:225px;
        height:305px;
        position:relative;
//      border:@bd;
        img{
            width: 160px;
            height: 160px;
            position:absolute;
            top:20px;
            left:0;
            border:0;
        }
        p{
            width: 196px;
            height: 40px;
            overflow: hidden;
            line-height: 20px;  
            position:absolute;
            top:180px;
            left:0;   
        }
        span{
            font-family: 微软雅黑;
            font-size:14px;
            color:#dd0000;
            position:absolute;
            top:225px;
            left:0;
        }
    }
}


